function changeImg(obj) {
    /*obj.src = "../img/img1.png";*/
    if (obj !== 1) {
        // 配置项（可根据项目实际情况抽离到公共配置文件中）
        const config = {
            imagePath: 'img/img_1.png',
            labelText: '展开文件列表 - [AE2]应用能源2(Applied Energistics 2)'
        };

// 创建 img 元素
        const imgElement = $('<img>', {
            src: config.imagePath,
            alt: '',
            style: 'width: 18px; height: 18px;'
        });

// 绑定点击事件
        imgElement.on('click', function () {
            changeImg(1);
        });

// 构建完整内容并插入
        $(".unitBox-center p").empty().append(imgElement).append(config.labelText);
        $(".unitBox-download").css("display", "none");
        $("#footer").css("margin-bottom", "0%");

    } else {
        // 配置项（可根据项目实际情况抽离到公共配置文件中）
        const config = {
            imagePath: 'img/img.png',
            labelText: '折叠文件列表 - [AE2]应用能源2(Applied Energistics 2)'
        };

// 创建 img 元素
        const imgElement = $('<img>', {
            src: config.imagePath,
            alt: '',
            style: 'width: 18px; height: 18px;'
        });

// 绑定点击事件
        imgElement.on('click', function () {
            changeImg(0);
        });

// 构建完整内容并插入
        $(".unitBox-center p").empty().append(imgElement).append(config.labelText);
        $(".unitBox-download").css("display", "block");
        $("#footer").css("margin-bottom", "-50%");
    }
}

//所有版本的悬浮点击事件
$(".unitBox-version").hover(function () {
    $(this).css("background-color", "#6c757d");
    const imgElement = $('<img>', {
        src: 'img/img_3.png',
        alt: '',
        style: 'width: 18px; height: 18px;'
    });
    $(".unitBox-version .right").empty().append(imgElement);

}, function () {
    $(this).css("background-color", "white");
    const imgElement = $('<img>', {
        src: 'img/img_2.png',
        alt: '',
        style: 'width: 18px; height: 18px;'
    });
    $(".unitBox-version .right").empty().append(imgElement);
    /*$(this).children(".right").src = "img/img_2.png";*/
});
// 处理点击事件
$(".unitBox-version").on("click", function(e) {
    e.stopPropagation(); // 防止事件冒泡到document

    // 如果点击的是当前激活的版本框，则隐藏文件框
    if ($(this).hasClass("active")) {
        $(".unitBox-file").hide();
        //$(this).removeClass("active bg-gray-600");
        $(this).removeClass("active");
        $(this).find(".right").html('<img src="img/img_3.png" alt="" style="width: 18px; height: 18px;">');
    } else {
        // 否则显示文件框并更新激活状态
        $(".unitBox-file").show();
        //$(this).addClass("active bg-gray-600");
        $(this).addClass("active");
        $(this).find(".right").html('<img src="img/img_3.png" alt="" style="width: 18px; height: 18px;">');
    }
});

$(".unitBox-file-list li").hover(function () {
    $(this).css("background-color", "black");
    $(this).css("color", "white");
}, function () {
    $(this).css("background-color", "white");
    $(this).css("color", "black");
});
/**当鼠标悬浮在table上的tr元素时，改变其背景颜色并且不破坏原来的样式*/
$(".unitBox-table table tr").hover(function () {
    $(this).css("background-color", "#ececec");
    $(".unitBox-table table th").css("background-color", "white");
}, function () {
    $(this).css("background-color", "white");
    $(".unitBox-table table th").css("background-color", "white");
    $(".unitBox-table table tr:nth-child(even)").css("background-color", "#ececec");
    $(".unitBox-table table tr:nth-child(odd)").css("background-color", "white");
});
